import React, { Component } from 'react'

export default class List extends Component {
    
    render() {
        const {data}=this.props
        return (
            <div>
                <h2>正在进行的条数：{data.length}</h2>
                <ul>
                    {           //内容   索引
                        data.map((item,index)=>(
                                        <li key={index}>
                                            <input type='checkbox'/>
                                            {item}
                                                                {/* 注意柯里化格式和这个的区别，柯里化时，如果没修改完，点击添加就会报错 */}
                                            ---<button onClick={()=>this.props.del(index)}>删除</button>
                                        </li>
                                        )
                                )
                    }
                </ul>
            </div>
        )
    }
}
